Chrome Console

2020-04-26 · 阅读 9103

必备插件 Pocket (离线保存网页) Tampermonkey (油猴子脚本管理工具) SwitchySharp (代理切换工具) Switcheroo Redirector (将指定域名的请求都转向其他域名，例如 google fonts -> 360 fonts) ~~WhatFont (字体产看工具, 有 bug，中文字体会提示错误)~~ chrome 商店在国内被墙，可以使用国内的镜像网站 插件汇 Chrome 插件开发 Chrome 扩展及应用开发 ERR_UNSAFE_PORT 问题 当使用 chrome 访问 6666 端口时，会报错误 Error 312 ...

阅读全文...

2020-04-26 · 阅读 17716

Chrome - Developer Tools - Sources - Snippets 右击 “New” 就能创建自己的 Snippets. snippets 的实用之处 可以将常用的功能，做成 snippets，便于调试时使用。例如自动引入 jQuery, 打印调试信息。 再如，我想爬取当前页面中所有图片的链接地址，收集页面中出现的邮箱地址，等等。 只需要在对应的 snippet 上右键，选择“RUN”即可。 打开新的 tab，或者重启 Chrome，snippets 都不会丢失。唯一比较麻烦的是多机器同步。 一些实用的 snippets A collection of helpful ...

阅读全文...

2020-04-26 · 阅读 9282 · 字数 203

最近用 Chrome 浏览器调试网站前端代码时，总是看到 Console 里报错： DevTools failed to parse SourceMap: some-domain/js/maps/swiper.min.js.map SourceMap 是什么 通常网站加载的 JS 会做压缩处理，以节省带宽。但是这样处理之后，JS 代码通常变成了一行，在报错时，无法看到错误的准确定位。而 Source Map 就是为了解决这个问题。 Source map 可以看成一个映射表，存储了转换后的代码所对应的转换前的位置。 这样，JS 报错的时候，Chrome Console 里就能直接显示原始代码 ...

阅读全文...